	$main-color: #3388FF;
	$bg-color: #1d285f;
	$--color-primary: #1d285f;
	* {
		margin: 0;
		padding: 0;
	}
	
	.el-dialog__headerbtn{
		top:-22px
	}
.el-dialog__header{
  position: sticky;
  top: 0px;
  background: #fff;
  z-index: 9;
}

	body,
	html {
		width: 100% !important;
		// min-width: 880px;
		min-height: 100vh;
		overflow: hidden;
	}

  div {
  	box-sizing: border-box;
  	font-size: 15px;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-webkit-flex-direction: column;
  	-ms-flex-direction: column;
  }

  p,
  span,
  text {
  	font-size: 15px;
  }

  .scroll {
  	overflow-y: scroll;

  	&::-webkit-scrollbar {
  		width: 6px;
  		background-color: #fff;
  	}

  	&::-webkit-scrollbar-track {
  		background-color: transparent;
  		-webkit-border-radius: 2em;
  		-moz-border-radius: 2em;
  		border-radius: 2em;
  	}

  	&::-webkit-scrollbar-track-piece {
  		background-color: transparent;
  		-webkit-border-radius: 2em;
  		-moz-border-radius: 2em;
  		border-radius: 2em;
  	}

  	&::-webkit-scrollbar-thumb {
  		background-color: #e9e7e7;
  		-webkit-border-radius: 2em;
  		-moz-border-radius: 2em;
  		border-radius: 2em;
  	}
  }

  a:-webkit-any-link {
  	text-decoration: none;
  }

  .content {
  	height: 100%;
  }

  input {
  	outline: medium;
  }

  input::-webkit-input-placeholder {
  	/* WebKit browsers*/
  	color: #9E9E9E;
  	font-size: 14px;
  }

  input:-moz-input-placeholder {
  	/* Mozilla Firefox 4 to 18*/
  	color: #9E9E9E;
  	font-size: 14px;
  }

  input::-moz-input-placeholder {
  	/* Mozilla Firefox 19+*/
  	color: #9E9E9E;
  	font-size: 14px;
  }

  input:-ms-input-placeholder {
  	/* Internet Explorer 10+*/
  	color: #9E9E9E;
  	font-size: 14px;
  }

  #app {
  	color: #2c3e50;
  	height: 100vh;
  }

  .tabber {
  	width: 100%;
  	min-width: 960px;
  	position: relative;
  	transition: all .2s;

  	.bg {
  		width: 100%;
  		height: 100%;
  		position: absolute;
  		top: 0;
  		left: 0;
  		z-index: -2;
  		overflow: hidden;

  		img {
  			width: 100%;
  		}
  	}

  	.tabberContent {
  		z-index: 1;
  		position: absolute;
  		top: 0;
  		left: 0;
  		display: flex;
  		flex-direction: row;
  		justify-content: space-between;
  		align-items: flex-end;
  		width: 100%;
  		height: 100%;
  		z-index: 99;

  		.tabberTitleBg {
  			height: 100px;
  			width: 1557px;
  			position: absolute;
  			top: -16px;
  			left: calc(50% - 778.5px);
  			z-index: -2;
  		}

  		.tabberTitleBBg {
  			height: 52px;
  			width: 6.1rem;
  			position: absolute;
  			bottom: -12px;
  			left: calc(50% - 2.8rem);
  			z-index: -2;
  			animation: tabberTitleBBg 2s infinite linear;

  			@keyframes tabberTitleBBg {
  				0% {
  					opacity: .5;
  				}

  				40% {
  					opacity: 1;
  				}

  				60% {
  					opacity: 1;
  				}

  				100% {
  					opacity: .5;
  				}
  			}
  		}

  		.tabberTitle2 {
  			font-size: 25px;
  			font-family: Source Han Sans CN;
  			font-weight: bold;
  			color: #FFFFFF;
  			background: linear-gradient(0deg, #38E5FD 7.9833984375%, #D2FFFE 84.6435546875%);
  			-webkit-background-clip: text;
  			-webkit-text-fill-color: transparent;
  			padding-bottom: 13px;
  			line-height: 52px;
  			height: 52px;
  		}

  		.tabberTitle {
  			height: 84px;
  			width: 5.4rem;
  			user-select: none;
  			white-space: nowrap;
  			position: absolute;
  			top: 0;
  			left: calc(50% - 2.7rem);
  			font-size: 33px;
  			line-height: 90px;
  			letter-spacing: 2.2px;
  			font-weight: 1000;
  			text-align: center;
  			z-index: -1;
  			color: #FFF;
  			transform: translateX(6px);
  			// text-shadow: 0px 2px 3px rgba(0,0,0,0.5);
  			background: linear-gradient(0deg, #38E5FD 8%, #D2FFFE 55%);
  			-webkit-background-clip: text;
  			-webkit-text-fill-color: transparent;
  			z-index: 9;

  			overflow: hidden;
  			white-space: nowrap;
  			text-overflow: ellipsis;
  			-o-text-overflow: ellipsis;
  		}

  		.navContent {
  			width: 100%;
  			padding: 0 20px;
  			display: flex;
  			flex-direction: row;
  			justify-content: flex-start;
  			align-items: flex-end;
  			z-index: 2;

  			.navTime {
  				color: #FFF;
  				display: flex;
  				flex-direction: row;
  				justify-content: flex-start;
  				align-items: center;
  				transition: all .2s;

  				span {
  					font-size: 12px;
  					letter-spacing: 2px;
  					font-weight: 400;
  					margin-right: .1rem;
  					padding-bottom: 12px;
  					white-space: nowrap;
  				}

  				.time {
  					display: flex;
  					flex-direction: row;
  					justify-content: flex-start;
  					align-items: center;
  					margin: 0 26px 0 8px;

  					img {
  						width: 24px;
  						height: 24px;
  						margin-right: 4px;
  					}
  				}
  			}

  			.navList {
  				display: flex;
  				flex-direction: row;
  				justify-content: flex-start;
  				align-items: center;

  				a {
  					display: flex;
  					justify-content: center;
  					align-items: flex-end;
  					text-align: center;
  					font-size: 14px;
  					line-height: 14px;
  					text-decoration: none;
  					font-weight: 400;
  					// letter-spacing: 2.8px;
  					color: #FFF;
  					width: .7rem;
  					min-width: 68px;
  					white-space: nowrap;
  					margin-right: .43rem;
  				}

  				a:nth-child(1) {
  					margin-right: .36rem;
  				}

  				a:hover {
  					font-weight: 500;
  					background: linear-gradient(0deg, #38E5FD 8%, #D2FFFE 85%);
  					-webkit-background-clip: text;
  					-webkit-text-fill-color: transparent;
  				}

  				.isThis {
  					min-width: 68px;
  					font-size: 15px;
  					line-height: 18px;
  					font-weight: bold;
  					text-align: center;
  					background: linear-gradient(0deg, #38E5FD 8%, #D2FFFE 65%);
  					-webkit-background-clip: text;
  					-webkit-text-fill-color: transparent;
  				}
  			}
  		}

  		.adminInfo {
  			display: flex;
  			flex-direction: row;
  			justify-content: flex-end;
  			align-items: center;
  			padding-right: 30px;
  			z-index: 2;

  			img {
  				width: 48px;
  				height: 48px;
  			}

  			.adminInfoBtn {
  				cursor: pointer;
  				margin-left: 16px;
  				transition: all .1s;

  				:hover {
  					transform: scale(1.05);
  				}

  				:active {
  					transform: scale(1.01);
  				}
  			}

  			.adminContent {
  				display: flex;
  				flex-direction: row;
  				justify-content: flex-end;
  				align-items: center;

  				img {
  					width: 40px;
  					height: 40px;
  					border-radius: 50%;
  				}

  				div {
  					min-width: 120px;
  					height: 52px;
  					margin-left: 8px;
  					display: flex;
  					flex-direction: column;
  					justify-content: center;

  					// padding: 8px 0;
  					p {
  						font-size: 14px;
  						line-height: 20px;
  						font-weight: 400;
  						color: #FFFFFF;
  						white-space: nowrap;
  						// overflow:hidden;
  						// white-space: nowrap;
  						// text-overflow: ellipsis;
  						// -o-text-overflow:ellipsis;
  					}

  					span {
  						font-size: 12px;
  						line-height: 20px;
  						font-weight: 400;
  						color: #70C1E6;
  						white-space: nowrap;
  					}
  				}

  			}
  		}
  	}
  }